/* 
    Document   : postcardStyle
    Created on : Jun 1, 2011, 11:13:15 AM
    Author     : Thai Binh
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#folder{
    width: 15%;
    float: left;
    margin-right: 10px;
    margin-top: 18px;
}

#stcontainer #folder table tr.current td{
    color: #fff;
}
#imageList{
    width: 84%;
    float: left
}

.postcardBlock {
    background: #fff;
    
}

#stcontainer .postcardBlock h2{
    background: url("../../images/bg_tt_table.jpg") repeat-x scroll 0 0 #CA171D;
    color: #FFFFFF;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
}

#stcontainer ul.postcardAction{
    margin: 10px 0;
    padding: 0;
}

#stcontainer ul.postcardAction li{
    margin: 0 10px 0 0;
    padding: 0;
    display: inline;
}

#stcontainer .postcardAction .button{
    background: url("../../images/red-grad.png") repeat-x scroll left top #F2F2F2;
    color: #FFFFFF;
    cursor: pointer;
    margin: 5px 0 0 0;
    padding: 5px 10px;
    border-radius: 3px;
    border: none;
    font-family: verdana;
    font-size: 12px !important;
    font-weight: normal;
}

#stcontainer .postcardAction a.button:hover{
    background: url("../../images/red-grad-active.png");
}

/*#stcontainer .w100p .postcardBlock table th{
    border: none;
}*/

.postcardBlock table tr{
    cursor: pointer;
}

#stcontainer .postcardBlock table tr:hover{
    background: none repeat scroll 0 0 #e7e7e7;
}

#stcontainer .postcardBlock table tr.current{
    background: none repeat scroll 0 0 #6d6d6d;
    color: #fff;
}

.upload_field{
    display: none;
}

#stcontainer .upload_field .stform label{
    width: 100px;
}

#stcontainer .upload_field .stform{
    border: 1px solid #F15A21;
    margin: 0 0 15px;
    width: 97.5%;
}

#stcontainer .upload_field form.stform input[type="submit"] {
    margin-left: 100px;
}

#stcontainer .postcardBlock li.current a{
    background: transparent;
}

#stcontainer .postcardBlock .page_d {
    background: #fff;
}

#stcontainer .postcardBlock form.stform table div.required {
    background: url("../../images/icon_required.png") no-repeat scroll 315px 4px transparent;
}
#stcontainer .postcardBlock form.stform table ul li div.error,
#stcontainer .postcardBlock form.stform table ul li div div.error{
    background-color: #FFEBE8;
    border: medium none;
}

#stcontainer .postcardBlock form.stform table div{
    background: transparent;
}

#stcontainer .postcardBlock form.stform .button:hover {
    background: transparent;
}

#stcontainer .postcardBlock form.stform ul li div div:hover, 
#stcontainer .postcardBlock form.stform ul li div div.focus {
    background-color: transparent;
}
#stcontainer #inner_content {
    position: relative;
}

#stcontainer #uploadObject div.preview {
    border: 2px solid #D8D8D8;
    float: left;
    margin: 3px;
    padding: 5px;
    width: auto;
}

#stcontainer #uploadObject div.imageArea,
#stcontainer #editObject div.imageArea{
    width: 436px;
    margin: 5px;
    padding: 5px;
    border: 2px #F15A21 solid;
    float: left;
    display: none;
    position: relative;
}
#stcontainer #uploadObject div.imageArea img,
#stcontainer #editObject div.imageArea img{
    width: 100%;
}

#stcontainer form#uploadObject ul,
#stcontainer form#editObject ul{
    float: left
}

#stcontainer #uploadObject div.imageArea .facePosition,
#stcontainer #editObject div.imageArea .facePosition{
    position: absolute;
    left: 0;
    top: 0;
    background: url('../../images/icon_delete.png') no-repeat center center;
    border: 2px dashed #FFF7C0;
    cursor: pointer;
}

#stcontainer #editObject div.imageArea{
    display: block;
}

#stcontainer form#editObject ul li {
    width: 485px;
}

#stcontainer form#editObject ul label {
    width: 149px;
}

#stcontainer form#editObject input[type="submit"] {
    margin-left: 156px;
}

#stcontainer .w100p table th.column-shared{
    text-align: center; 
}

#stcontainer .w100p table th.column-viewed{
    text-align: center; 
}

#stcontainer .w100p table th.column-shared_fb{
    text-align: center; 
}

#stcontainer .w100p table th.column-shared_email{
    text-align: center; 
}

#stcontainer .w100p table th.column-nr_created{
    text-align: center; 
}

#stcontainer th span.icon_desc{
    float: right;
}
#stcontainer th span.icon_asc{
    float: right;
}

#stcontainer .w100p table th.column-cdate {
    text-align: center;
}

#stcontainer .postcardBlock form.stform td div.switch_checkbox{
    background: url("../../../../images/icon_checkbox.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 15px;
    width: 15px;
    float: none;
}

#stcontainer .postcardBlock form.stform td div.cb-enable {
    background-position: -16px 0;
}

#stcontainer .postcardBlock form.stform td div.cb-disable {
    background-position: 0 50%;
}

#stcontainer #imageList div.filter{
    display: none;
}

form#editObject input.priority{
    text-align: center;
    width: 30px;
    float:left;
}

span.icon_save{
    background: url(../../images/icon_save.png)  no-repeat right;
    margin-left: 5px;
    width: 18px;
    height: 18px;z
}

span.icon_up{
    background: url(../../images/icon_up.png)  no-repeat right;
    margin-left: 5px;
    width: 18px;
    height: 18px;
    float:left;
    cursor: pointer;
}
span.icon_down{
    background: url(../../images/icon_down.png)  no-repeat right;
    margin-left: 5px;
    width: 18px;
    height: 18px;
    float:left;
    cursor: pointer;
}